<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>会员中心</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
    </head>
    <body class="membercenter">
		<header class="mui-bar mui-bar-nav header-color">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">会员中心</h1>
		</header>
		<footer>
		    <div class="price">总计：<span>0</span><em class="em-color">换币</em></div>
		    <button class="btn">确认支付</button>
		</footer>
		<div class="mui-content">
		    <div class="mui-scroll-wrapper">
		        <div class="mui-scroll">
		            <!--这里放置真实显示的DOM内容-->
		            <div class="content-title">
		                <img src=""  onerror="javascript:this.src='images/myimg.jpg'" />
		                <div class="title-right">
		                    <h3></h3>
		                    <p></p>
		                    <div class="ovmoney">换币余额：<span class="color"></span> 换币</div>
		                </div>
		            </div>
                    <div class="main">
                        <h2>开通VIP</h2>
                        <ul class="main-ul">
                        	<li class="pitch">
                        	   <div class="main-left">
                        	       <h3>月度VIP卡</h3>
                        	       <p>1个月VIP</p>
                        	   </div>
                        	   <div class="main-right">
                        	       <em class="money"></em>
                        	       <span></span>换币
                        	   </div>
                        	</li>
                        	<li>
                               <div class="main-left">
                                   <h3>连续包月VIP卡</h3>
                                   <p>每个月自动续费，换币不足，自动取消</p>
                               </div>
                               <div class="main-right">
                        	       <em class="money"></em>
                                   <span></span>换币
                               </div>
                            </li>
                            <li>
                               <div class="main-left">
                                   <h3>季度VIP卡</h3>
                                   <p>3个月VIP</p>
                               </div>
                               <div class="main-right">
                        	       <em class="money"></em>
                                   <span></span>换币
                               </div>
                            </li>
                            <li>
                               <div class="main-left">
                                   <h3>年度VIP卡</h3>
                                   <p>12个月VIP</p>
                               </div>
                               <div class="main-right">
                                   <em class="money"></em>
                                   <span></span>换币
                               </div>
                            </li>
                        </ul>
                    </div>
                    <div class="msg">
                        <p class="title">VIP特权</p>
                        <div>
                            <p class="text">1、拥有搜索功能</p>
                            <p class="text">2、拥有二级密码功能</p>
                            <p class="text">3、查看仅供VIP用户可见的朋友圈</p>
                            <p class="text">4、VIP专属图标</p>
                            <p class="text">5、魅力值提升增加20%</p>
                            <p class="text">6、可以添加好友</p>
                            <p class="text">7、可以提现</p>
                            <p class="text">8、可以查看认证视频</p>
                        </div>
                    </div>
                    <!--<div class="payment">
                        <h3>选择支付方式</h3>
                        <a class="alipay">
                            <label>支付宝支付</label>
                            <div class="payment-radio">
                                <span class="checked"></span>
                            </div>
                        </a>
                        <a class="wechat">
                            <label>微信支付</label>
                            <div class="payment-radio">
                                <span></span>
                            </div>
                        </a>
                    </div>-->
                </div>
		    </div>
		</div>
        <script src="js/mui.min.js "></script>
        <script src="js/jquery2.1.0.min.js "></script>
        <!--通用JS，我封装了一些实用JS-->
        <script src="js/common.js"></script>
        <script src="js/config.js"></script>
        <script src="js/membercenter.js"></script>
    </body>

</html>